<template>
  <div class="box">
      <topLogin :isIndex="false"></topLogin>
        <topNav :isActive="4"></topNav>
        <div class="wid-1200 min-height">
            <Breadcrumb separator=">">
                <BreadcrumbItem>当前位置</BreadcrumbItem>
                <BreadcrumbItem to="/interactive">互动专区</BreadcrumbItem>
                <BreadcrumbItem>列表</BreadcrumbItem>
            </Breadcrumb>
            <!-- 景区餐饮 -->
            <div v-show="type==0">
                <div class="title-box">
                    <p>景区餐饮</p>
                </div>
                <ImageText :ImageText="foodItems"></ImageText>
            </div>
            <!-- 服务 -->
            <div v-show="type==4">
                <div class="title-box">
                    <p>服务</p>
                </div>
                <ServiceList :ServiceList="serviceItems" :IsList="false"></ServiceList>
            </div>
            <!-- 公告 -->
            <div v-show="type==5">
                <div class="title-box">
                    <p>公告</p>
                </div>
                <NoticeList :NoticeList="announcementList"></NoticeList>
            </div>
        </div>
        <footNav></footNav>
  </div>
</template>

<script>
import topNav from "@/components/topNav/index";
import footNav from "@/components/footNav/index";
import topLogin from "@/components/topLogin/index";
import ImageText from "@/components/imageText/index";
import ServiceList from "@/components/serviceList/index";
import NoticeList from "@/components/noticeList/index";
// 框架组件
import { Breadcrumb, BreadcrumbItem } from "view-design";
// 临时图片
import foodImgSrc from "../../assets/temporary/food.jpg";
//iview
export default {
  name: "interactiveList",
  components: {
    topNav,
    footNav,
    topLogin,
    ImageText,
    ServiceList,
    NoticeList,
    [Breadcrumb.name]: Breadcrumb,
    [BreadcrumbItem.name]: BreadcrumbItem
  },
  data() {
    return {
        type:0,
        foodItems: [
                    {src:foodImgSrc, title: '十足全虫', content: '云台山的十足全虫，因为比别的蝎子多一对爪而成为名贵药膳。'},
                    {src:foodImgSrc, title: '十足全虫', content: '云台山的十足全虫，因为比别的蝎子多一对爪而成为名贵药膳。'},
                    {src:foodImgSrc, title: '十足全虫', content: '云台山的十足全虫，因为比别的蝎子多一对爪而成为名贵药膳。'},
                    {src:foodImgSrc, title: '十足全虫', content: '云台山的十足全虫，因为比别的蝎子多一对爪而成为名贵药膳。'},
                ],//景区餐饮
                serviceItems: [
                    {
                        typeTitle: '问询接待服务',
                        type: [
                            {
                                title: '票务服务',
                                content: '目前，境外疫情快速蔓延带来的输入性风险持续增加，外防输入形势严峻复杂。根据全市统一安排，怀柔区积极与东城区对接，全力配合东城区做好境外返京人员的集中观察...'
                            },
                            {
                                title: '票务服务',
                                content: '目前，境外疫情快速蔓延带来的输入性风险持续增加，外防输入形势严峻复杂。根据全市统一安排，怀柔区积极与东城区对接，全力配合东城区做好境外返京人员的集中观察...'
                            },
                            {
                                title: '票务服务',
                                content: '目前，境外疫情快速蔓延带来的输入性风险持续增加，外防输入形势严峻复杂。根据全市统一安排，怀柔区积极与东城区对接，全力配合东城区做好境外返京人员的集中观察...'
                            },
                            {
                                title: '票务服务',
                                content: '目前，境外疫情快速蔓延带来的输入性风险持续增加，外防输入形势严峻复杂。根据全市统一安排，怀柔区积极与东城区对接，全力配合东城区做好境外返京人员的集中观察...'
                            }
                        ]
                    },
                    {
                        typeTitle: '一般公共服务',
                        type: [
                            {
                                title: '一般票务服务',
                                content: '目前，境外疫情快速蔓延带来的输入性风险持续增加，外防输入形势严峻复杂。根据全市统一安排，怀柔区积极与东城区对接，全力配合东城区做好境外返京人员的集中观察...'
                            },
                            {
                                title: '一般票务服务',
                                content: '目前，境外疫情快速蔓延带来的输入性风险持续增加，外防输入形势严峻复杂。根据全市统一安排，怀柔区积极与东城区对接，全力配合东城区做好境外返京人员的集中观察...'
                            },
                            {
                                title: '一般票务服务',
                                content: '目前，境外疫情快速蔓延带来的输入性风险持续增加，外防输入形势严峻复杂。根据全市统一安排，怀柔区积极与东城区对接，全力配合东城区做好境外返京人员的集中观察...'
                            },
                            {
                                title: '一般票务服务',
                                content: '目前，境外疫情快速蔓延带来的输入性风险持续增加，外防输入形势严峻复杂。根据全市统一安排，怀柔区积极与东城区对接，全力配合东城区做好境外返京人员的集中观察...'
                            }
                        ]
                    },
                    {
                        typeTitle: '医疗急救服务',
                        type: [
                            {
                                title: '医疗票务服务',
                                content: '目前，境外疫情快速蔓延带来的输入性风险持续增加，外防输入形势严峻复杂。根据全市统一安排，怀柔区积极与东城区对接，全力配合东城区做好境外返京人员的集中观察...'
                            },
                            {
                                title: '医疗票务服务',
                                content: '目前，境外疫情快速蔓延带来的输入性风险持续增加，外防输入形势严峻复杂。根据全市统一安排，怀柔区积极与东城区对接，全力配合东城区做好境外返京人员的集中观察...'
                            },
                            {
                                title: '医疗票务服务',
                                content: '目前，境外疫情快速蔓延带来的输入性风险持续增加，外防输入形势严峻复杂。根据全市统一安排，怀柔区积极与东城区对接，全力配合东城区做好境外返京人员的集中观察...'
                            },
                            {
                                title: '医疗票务服务',
                                content: '目前，境外疫情快速蔓延带来的输入性风险持续增加，外防输入形势严峻复杂。根据全市统一安排，怀柔区积极与东城区对接，全力配合东城区做好境外返京人员的集中观察...'
                            }
                        ]
                    },
                ],
                announcementList:[
                    {years:2020,date:'02-13', reading:524,title:'温榆河公园起步区建设2019年完成',content:'目前，境外疫情快速蔓延带来的输入性风险持续增加，外防输入形势严峻复杂。根据全市统一安排，怀柔区积极与东城区对接，全力配合东城区..好境外返京人员的集中观察...'},
                    {years:2020,date:'02-13', reading:524,title:'温榆河公园起步区建设2019年完成',content:'目前，境外疫情快速蔓延带来的输入性风险持续增加，外防输入形势严峻复杂。根据全市统一安排，怀柔区积极与东城区对接，全力配合东城区..好境外返京人员的集中观察...'},
                    {years:2020,date:'02-13', reading:524,title:'温榆河公园起步区建设2019年完成',content:'目前，境外疫情快速蔓延带来的输入性风险持续增加，外防输入形势严峻复杂。根据全市统一安排，怀柔区积极与东城区对接，全力配合东城区..好境外返京人员的集中观察...'}

                ]
    };
  },
  mounted(){
      this.type=this.$route.query.type
  }
};
</script>

<style>
</style>